<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id = "app" style="accent-color: aqua">
    {{ msg }}
    <br>
    <br>
    <a  href="#" title="123">{{count}}</a>
<!--注意： 只能支持的是表达式，不是语句
    属性和标签也不能用
-->
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
<script>
<!--    一旦引入包即可创建实例-->
    const app= new Vue({
        // 响应式数据 -> 数据绑定，数据改变了，视图会自动更新
        el: '#app',//选择器选择
        data: {//数据
            msg: 'hello world ',
            count: 123
        }
    })
</script>
</body>
</html>